<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>

<html lang="es" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>

	<link rel="stylesheet"
		href="#{request.contextPath}/resources/css/responsive-layout.css" />
	<link rel="stylesheet"
		href="#{request.contextPath}/resources/css/estilo-modal.css" />
	<link rel="stylesheet"
		href="#{request.contextPath}/resources/css/estilo-principal.css" />
	<link rel="stylesheet"
		href="#{request.contextPath}/resources/css/estilo-nav.css" />
	<link rel="stylesheet"
		href="#{request.contextPath}/resources/css/estilo.css" />
	<meta name="viewport" content="width=device-width" />
	<ui:insert name="head-meta">

	</ui:insert>
</h:head>
<h:body>


	<h:outputStylesheet  library="css" name="estilo-rich-custom.css"/>
	<a4j:status
		onstart="#{rich:component('popupstatus')}.show(); return false;"
		onstop="#{rich:component('popupstatus')}.hide(); return false;">
		<f:facet name="start">
			<rich:popupPanel id="popupstatus" autosized="true">
					Espere un momento por favor...
					<br />
				<h:button value="Aceptar"
					onclick="#{rich:component('popupstatus')}.hide(); return false;" />
			</rich:popupPanel>

		</f:facet>
	</a4j:status>



	<header id="resp_header">
		<h1>Centro Inclusivo de Comunicación</h1>
		<h2>Personas con Discapacidad Auditiva</h2>

	</header>
	<section id="loginSection">
		<h:form>
		<h:commandButton value="Acceder"
			action="login.jsf?faces-redirect=true"
			rendered="#{!sesionBean.logueado}" />
			
			
		<h:outputText value="#{sesionBean.usr.usuario}" rendered="#{sesionBean.logueado}" styleClass="TextNegro"/>
			
		<h:commandButton value="Salir" action="#{sesionBean.logout()}"
			rendered="#{sesionBean.logueado}" />
		</h:form>
	
	</section>

	<ui:include src="#{nav}" />

	

	<section id="resp_contenedor">
		<section id="resp_principal">
			<ui:insert name="principal">

			</ui:insert>
		</section>
	</section>

	<footer id="resp_footer">
		<h3>Grupo de Investigación en Inteligencia Artificial y Tecnología de Asistencia</h3> 
			<h4>Universidad Politécnica Salesiana</h4>
	</footer>


</h:body>
</html>
